<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/tlds/c.tld" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我加入的群</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/theme/bootstrap.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap/bootstrap-table.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap/bootstrap-table-locale-all.min.js"></script> 
<script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.ext.js"></script>
<style type="text/css">
* {
	margin: 0;padding: 0
}
#agent_rech,#player_rech,#cancel_playerRecord{
	height:60%;
	width:40%;
	border:0px;
}
#agentRechargetblId tr td, #playerRechargetblId tr td,#promoterRechargetblId tr td,#cancelPlayerRecordstblId tr td {
	font-size:16px;
	color:#333333;
}
table{
	width: 100%;
	border-bottom: 1px solid #999999;
    padding: 5px 0;
}
table td:nth-child(1){
	width: 35%;
	text-align: center;
}
table td:nth-child(2){
	width: 65%;
	margin-right:20px;
}
table td:nth-child(2) a{
	padding-left:7px;
}
a:link { text-decoration: none;color: #333333} 
a:visited { text-decoration: none;color: #333333} 
a:hover { text-decoration:none;color: #19577a}
a:active { text-decoration:none;color: #19577a}
.weui-btn {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  line-height: 2.55555556;
  border-radius: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

</style>
</head>
<script>
   
</script>
<body>
	<div align="right" style="height: 35px;line-height: 28px;"> <a class="weui-btn" href="${pageContext.request.contextPath}/wechat/crowd_find.html">添加俱乐部</a>&nbsp;  </div>
	<hr>
	<div class="container">
		<c:forEach items="${crowdList}" var="crowd">
			<div>
				<table id="agentRechargetblId" style="border-collapse:separate;">
					<tbody>
						<tr>
							<td style="width:40px"><img id="agent_rech" style="height: 40px"  src="${pageContext.request.contextPath}/images/theme/qun.png"></td>
							<td style="padding-left:0px;padding-right:5px;" align="left">
							<a href="${pageContext.request.contextPath}/wechat/crowd_join_player.html?crowdId=${crowd.id}" id="">${crowd.crowdName}(${crowd.id})<c:if test="${crowd.status==1}"><label style="color:#13A94E;">(默认支付)</label> </c:if> </a>
							</td>
							<td width="10%" >
							<a onclick="delCrowd('${crowd.id}')">
							<img id="cancelWeixinBtn" src="${pageContext.request.contextPath}/css/skin/images/salesImages/cancel.png"  style="width: 28px;height: 28px">				
							</a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</c:forEach>
		
	</div>
<script type="text/javascript">
	function delCrowd(crowdId){
    	var msg ="确认删除俱乐部 ID:"+crowdId+" 删除后将无法恢复？";
    	layer.confirm(msg, {
    	    btn: ['确认','取消'], //按钮
    	    shade: false //不显示遮罩
    	}, function(){
    	    $.post("${pageContext.request.contextPath}/wechat/crowd_exit.html",
    	            {"crowdId":crowdId},
    	       function(data){
    	            	var json = eval("("+data+")");
    	            	$('#usersave').removeAttr("disabled");  //移除disabled属性 
    					if(json.statusCode =='200'){
    						layer.msg(json.message, {icon: 1});
    						setTimeout("query()",2000);
    					}else{
	    					layer.msg(json.message, {shift: 6});
    					}
    	      });
    	});
	}
	
	function query(){
		location.reload();
	}
	
</script>

</body>
</html>